<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style>
		h3{
			color: red;
		}
		#le{
			backgroud: red;
			width: 1200px;
			height: 500px;
		}
	</style>
</head>
<body>
	<div id="le">
	DASDAS
	<input type="text" value="000" />
		<p></p>
		<p></p>
		<p></p>
		<h3></h3>
		<h3></h3>
		<h3></h3>
		<h3></h3>
		<h3></h3>
		<ul>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		DASDSA
	</div>
</body>
<script>
	var le=document.getElementById('le');
	console.log(le)
	var h3=document.querySelector('h3');
	console.log(h3)
	var h3=document.querySelectorAll('h3');
	console.log(h3)
	var dl=le.getAttributeNode("width");
	console.log(dl)
	var ledd=le.childNodes;
	var led=le.firstChild;
	var la=le.lastChild;
	console.log(ledd)
	console.log(led)
	console.log(la)
	var el=document.querySelector('input');
	console.log(el)
	el.value='tianna';
	el.id='edd';
	el.className='ins'
	console.log(el.value)
	console.log(el.id)
	console.log(el.className)
	var ul=document.querySelector('ul')
	ul.onclick=function(){
		var li=this.querySelectorAll('li')
		this.removeChild(li[0])
		console.log(li)
	}
</script>
</html>